<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<meta name="renderer" content="webkit|ie-comp|ie-stand">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no" />
		<meta http-equiv="Cache-Control" content="no-cache/no-store" />
<!--[if lt IE 9]>
<script type="text/javascript" src="lib/html5shiv.js"></script>
<script type="text/javascript" src="lib/respond.min.js"></script>
<![endif]-->
<link rel="stylesheet" type="text/css" href="../static/h-ui/css/H-ui.min.css" />
<link rel="stylesheet" type="text/css" href="../static/h-ui.admin/css/H-ui.admin.css" />
<link rel="stylesheet" type="text/css" href="../lib/Hui-iconfont/1.0.8/iconfont.css" />
<link rel="stylesheet" type="text/css" href="../static/h-ui.admin/skin/default/skin.css" id="skin" />
<link rel="stylesheet" type="text/css" href="../static/h-ui.admin/css/style.css" />
<!-- <link rel="stylesheet" type="text/css" href="lib/datatables/1.10.0/jquery.dataTables.css" /> -->
<style>
  h3,h4{
   text-align:center
  }
   .input-text{
      width:100px;
  }
  #serevenDiv{
     margin-left:95px;
  }
  #delayBarDiv{
     margin-left:45px;
  }
  #isHidden{
     margin-top:65px;
  }
</style>
<!--[if IE 6]>
<script type="text/javascript" src="lib/DD_belatedPNG_0.0.8a-min.js" ></script>
<script>DD_belatedPNG.fix('*');</script>
<![endif]-->
<title>车间拖期异常</title>
</head>
<body>
<!--面包屑导航-->
<!-- 		<nav class="breadcrumb"><i class="Hui-iconfont">&#xe67f;</i> 首页 <span class="c-gray en">&gt;</span>工序产能监控<span class="c-gray en">&gt;</span> 员工达成率看板 -->
<!-- 			<a class="btn btn-primary radius r" style="line-height:1.6em;margin-top:3px" href="javascript:location.replace(location.href);" title="刷新"><i class="Hui-iconfont">&#xe68f;</i>刷新</a> -->
<!-- 		</nav> -->
        
        <!--主内容-->
		<div class="page-container">
		    <div class="top com-md-12">
			    <div class="col-md-2"></div>
			    <div class="col-md-8 va-m">
			         <h3><input id="yestarday" type="text"  onclick="WdatePicker({onpicked:dataChange,maxDate:'%y-%M-%d',dateFmt:'yyyy-MM-dd'})"  class="input-text Wdate" style="width:120px;">
		              <select name="" id="productionDepartment" class="input-text">
						                 <option value=''>请选择</option>
						    </select>
		              <select id="delayTable" class="input-text">
	                           <option value="">请选择</option>
	                  </select> 车间拖期异常</h3>
			         <table class="table table-border table-bordered table-bg table-hover fontSet" id="managerTable">
			              
			         </table>
			    </div>
			    <div class="col-md-2">
			       <button class="btn btn-primary radius" id="isHidden">隐藏</button>
			    </div>
	        </div>
		     
		     
		     <div class="middle col-md-12">
		       <h3></h3>
		       <hr/>
		       <div class="col-md-1 va-m">
		             <span>主管头像</span>
		             <h3></h3>
		             <img alt="主管头像" src="../img/xx.png" style="width:200px;height:280px;">
		       </div>
		       <div class="col-md-7">
		          <div id="serevenDiv" class="col-md-10" style="height:400px;" >
		         </div>
		       </div>
		       <div class="col-md-4">
		           <div class="col-md-12"  id="delayBarDiv" style="height:380px;">
		           </div>
		       </div>
		    </div>
		
		    <div class="buttom col-md-12">
		            <button class="btn btn-success radius" id="downlodeExcle" style="float:right">导出为EXCLE</button>
			        <table id="dutyTable" class="display table table-border table-bordered table-bg table-hover">
			             <thead>
			                 <tr>
			                    <th>订单型号</th>
			                    <th>客户型号</th>
			                    <th>工厂型号</th>
			                    <th>颜色描述</th>
			                    <th>订单数量</th>
			                    <th>交接入库时间</th>
			                    <th>有效出库时间</th>
			                    <th>拖期时间</th>
			                    <th>产品良品数</th>
			                 </tr>
			             </thead>
			             <tbody></tbody>
			         </table>
				     
				     <br/><br/><br/>
				      <h4>即将拖期订单(三天内)</h4>
		            <table id="soonDelayTable" class=" display table table-border table-bordered table-bg table-hover">
		                 <thead>
			                 <tr>
			                    <th>订单型号</th>
			                    <th>工厂型号</th>
			                    <th>颜色描述</th>
			                    <th>有效出库时间</th>
			                 </tr>
			             </thead>
			             <tbody></tbody>
		            </table>
		    </div>
		
		
		
		
<!-- 		    <div class=" col-md-8 pull-left">  -->
<!-- 	         <h3><input id="yestarday" type="text"  onclick="WdatePicker({onpicked:dataChange,maxDate:'%y-%M-%d',dateFmt:'yyyy-MM-dd'})"  class="input-text Wdate" style="width:120px;">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span id="workShopName"></span> 车间拖期异常</h3> -->
<!-- 		         <table id="delayTable"  class="table table-border table-bordered table-bg table-hover"> -->
		              
<!-- 		         </table> -->
<!-- 		         <br/> -->
<!-- 		         <table class="table table-border table-bordered table-bg table-hover fontSet" id="managerTable"> -->
		              
<!-- 		         </table> -->
<!-- 		         <h3></h3> -->
<!-- 		         <h4>拖期看板  <button class="btn btn-success" id="downlodeExcle">导出为EXCLE</button></h4> -->
<!-- 		         <div class=" col-md-12 pull-left"> -->
<!-- 			         <table id="dutyTable" class="display table table-border table-bordered table-bg table-hover"> -->
<!-- 			             <thead> -->
<!-- 			                 <tr> -->
<!-- 			                    <th>订单型号</th> -->
<!-- 			                    <th>客户型号</th> -->
<!-- 			                    <th>工厂型号</th> -->
<!-- 			                    <th>颜色描述</th> -->
<!-- 			                    <th>订单数量</th> -->
<!-- 			                    <th>交接入库时间</th> -->
<!-- 			                    <th>有效出库时间</th> -->
<!-- 			                    <th>拖期时间</th> -->
<!-- 			                    <th>产品良品数</th> -->
<!-- 			                 </tr> -->
<!-- 			             </thead> -->
<!-- 			             <tbody></tbody> -->
<!-- 			         </table> -->
<!-- 			         <h3></h3> -->
<!-- 		         </div> -->
<!-- 		         <div class="clear"></div> -->
<!-- 		         <div id="serevenDiv" class="col-md-12" style="height:400px;" > -->
<!-- 		         </div> -->
<!-- 		    </div> -->
<!-- 		    <h3></h3> -->
<!-- 		    <h3></h3> -->
<!--             <div class="col-md-4 pull-left "> -->
<!--                  <div class="col-md-2"> -->
<!-- 		         <img alt="主管头像" src="img/xx.png" style="width:125px;height:150px;"> -->
<!-- 		         </div> -->
<!-- 		         <div class="col-md-12"  id="delayBarDiv" style="height:400px;"> -->
		         
<!-- 		         </div> -->
<!-- 		         <div class="col-md-12" > -->
<!-- 		            <h4>即将拖期看板(三天内)</h4> -->
<!-- 		            <table id="soonDelayTable" class=" display table table-border table-bordered table-bg table-hover"> -->
<!-- 		                 <thead> -->
<!-- 			                 <tr> -->
<!-- 			                    <th>订单型号</th> -->
<!-- 			                    <th>工厂型号</th> -->
<!-- 			                    <th>颜色描述</th> -->
<!-- 			                    <th>有效出库时间</th> -->
<!-- 			                 </tr> -->
<!-- 			             </thead> -->
<!-- 			             <tbody></tbody> -->
<!-- 		            </table> -->
<!-- 		         </div> -->
<!--             </div> -->
<!--             <div> -->
<!--             </div> -->
		</div>
<!--_footer 作为公共模版分离出去-->
<script type="text/javascript" src="https://upload.shinehao.com.cn/20180810145355jquery.min1.9.1.js"></script> 
<script type="text/javascript" src="../lib/layer/2.4/layer.js"></script>
<script type="text/javascript" src="https://upload.shinehao.com.cn/20180810150731H-ui.min3.0.2.js"></script> 
<script type="text/javascript" src="../static/h-ui.admin/js/H-ui.admin.js"></script>
<script type="text/javascript" src="https://upload.shinehao.com.cn/20180810172341echarts.common.min3.4.0.js"></script>
<script type="text/javascript" src="https://upload.shinehao.com.cn/20180813175723jquery.dataTables1.10.0.js"></script> 
<script type="text/javascript" src="../lib/laypage/1.2/laypage.js"></script>
<script type="text/javascript" src="../lib/My97DatePicker/4.8/WdatePicker.js"></script> 
<script type="text/javascript" src="../myJs/echartUtil.js"></script>
<script type="text/javascript" src="../myJs/util.js"></script>
<!--/_footer 作为公共模版分离出去 -->

<!--请在下方写此页面业务相关的脚本 -->
<script type="text/javascript" src="myJs/dalay.js"></script>

</body>
</html>